<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:pm="http://primefaces.org/mobile" >
<f:view renderKitId="PRIMEFACES_MOBILE" />

<h:head>
<link href="/resources/css/estilosReservCitaMovil.css" media="only screen" type="text/css" rel="stylesheet"/>
</h:head>

<h:body >
<pm:page id="wrapper">
 <p style="text-align: center;font-weight: bold;font-size: 1.7em;border-bottom: 1px solid #ddd;color: #2142EE;background-color: #FDE31E;text-shadow: none;font-family: Book Antiqua;">Reserva de Citas</p>
<pm:field>
    <p:outputLabel for="selectOneMenu" value="Especialidad"  styleClass="ui-field-contain > label"/>
    <p:selectOneMenu id="selectOneMenu" styleClass="ui-field-contain > label ~ [class*='ui-']">
        <f:selectItem itemLabel="Seleccione" itemValue="" />
        <f:selectItem itemLabel="Option 1" itemValue="1" />
        <f:selectItem itemLabel="Option 2" itemValue="2" />
        <f:selectItem itemLabel="Option 3" itemValue="3" />
    </p:selectOneMenu>
</pm:field>

<pm:field>
    <p:outputLabel for="selectOneMenu2" value="Medico" styleClass="ui-field-contain > label" />
    <p:selectOneMenu id="selectOneMenu2" styleClass="ui-field-contain > label ~ [class*='ui-']" >
        <f:selectItem itemLabel="Seleccione" itemValue="" />
        <f:selectItem itemLabel="Option 1" itemValue="1" />
        <f:selectItem itemLabel="Option 2" itemValue="2" />
        <f:selectItem itemLabel="Option 3" itemValue="3" />
    </p:selectOneMenu>
</pm:field>
<pm:field >
    <p:outputLabel for="selectOneMenu3" value="Horario" styleClass="ui-field-contain > label"/>
    <p:selectOneMenu id="selectOneMenu3" styleClass="ui-field-contain > label ~ [class*='ui-']">
        <f:selectItem itemLabel="Seleccione" itemValue="" />
        <f:selectItem itemLabel="Option 1" itemValue="1" />
        <f:selectItem itemLabel="Option 2" itemValue="2" />
        <f:selectItem itemLabel="Option 3" itemValue="3" />
    </p:selectOneMenu>
</pm:field>

<h:panelGrid styleClass="tab">
<p:calendar value="#{calendarView.date2}" mode="inline"  styleClass="ui-datepicker  ui-marginCalendar"/>
 </h:panelGrid>
 <p:panelGrid columns="2" styleClass="ui-btnPanelGrid">
    <p:commandButton value="Reservar" style="width:120px"/>
    
    <p:commandButton value="Atras" style="width:120px" onclick="location.href='indexMovil.xhtml'" />
</p:panelGrid>
</pm:page>
</h:body>

</html>